// 作者:于大明
// 页面职责：只处理生命周期事件和注册属性和注册事件

//------------------------------mock数据引入---------------------------
import djVideoBodyMock from './dj-video-body_mock.js';

//------------------------------mixins引入---------------------------
import djVideoBodyMixins from './dj-video-body_mixins.js';
import djVideoBodyMixinsApi from './dj-video-body_mixins_api.js';

//--------------------------核心规范-------------------------------------
//1 能不能在页面单行代码实现
//2 能不能不用data methods去实现这个功能(有返回值不用传参数的用compute,有返回值有传参的那么使用filters实现)
//3 以最少的代码实现功能(需要封装除外)
//4 相同代码一定更要封装 区分职责关系 

export default {
	name: 'dj-video-body',
	// 注册属性
	props: {
		videoDataList: {
			type: Array,
			require: false,
			default: () => [],
		},
	},
	mixins: [djVideoBodyMixins, djVideoBodyMixinsApi],
	// 组件创建生命周期 这个时候 vue对象已经创建好 可以访问data和method数据 https://uniapp.dcloud.io/tutorial/page.html#componentlifecycle
	mounted() {
		this.getViedeCollections();
		this.init();
		this.$nextTick(() => {
			const elements = document.querySelectorAll('div.uni-video-bar');
			elements.forEach(element => {
				element.style.marginBottom = "6.5rem";
				element.style.backgroundColor = "transparent";
			});
			this.$refs.adPopup.open();
		})
	},
	// 组件销毁前
	beforeDestroy() {}
};